Видео с ютуба Атрибуты Sizes И Srcset Объяснение

HTML: srcset зачем нужен?

Изображения в HTML: picture, srcset, sizes, lazy, форматы webp, avif

HTML Продвинутая работа с изображениями • srcset, picture, WebP и AVIF, preload, figure и figcaption

Загрузка картинок разных размеров прямо в HTML. Атрибут SRCSET.

Create responsive images with srcset and sizes

7. HTML изображения — тег img. Относительные и абсолютные пути

11. Единицы измерения в CSS — px, %, em, rem, vw, vh. Относительные и абсолютные величины

HTML5 для начинающих / Урок #7 – Что такое атрибуты?

17. Глобальные атрибуты HTML — class, id, title, hidden, tabindex, lang и др. Комментарии в разметке

Что такое атрибут ALT (Альт)?

Используй современные форматы изображений в HTML

4. CSS внутренние и внешние отступы — свойства padding и margin. Схлопывание отступов

Reduce image size: use srcset to automatically choose the right image

3. Блочная модель в CSS — свойства display, width, height, padding, margin, border и box-sizing

11. HTML формы. Теги form, fieldset, legend, label и поле ввода input

Пиксели в CSS не нужны — используй Rem! Адаптивный размер шрифта, Sass-миксин и функция Px to Rem

HTML формы - range, number и атрибуты

2. Гайд по CSS-селекторам, расчёт специфичности в CSS. Приоритет и вес стилей

Разбор тега picture. Для чего нужен, синтаксис, примеры

Front-end Fundamentals - Ep 02: Srcset & Sizes Attributes For Images